<template>
    <div>
     
       <!-- v-text 识别html标签 -->
      <h1 v-html="str"></h1>
      <button @click="fn">点击翻转</button>
    </div>
</template>

<script>
export default {
  data(){
    return{
      str: '我还是喜欢你，像日月交替，不分朝夕 ———— harryの鬼师'
    }
  },
  methods:{
    fn(){
      this.str = this.str.split("").reverse().join("")
    }
  }
}
</script>
 
<style>

</style>